.s1 {
  width: 35rem;
  aspect-ratio: 16 / 10;
  background-image: url('../images/huanqiu02.jpg');
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  transition: background-size 2s linear;
  border-radius: 0.5rem;
  display: flex;
  align-items: flex-end;
}

.s1:hover {
  background-size: 110%;
}

.s1 .l1 {
  margin: 0.3rem 1rem;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
}

.s1 .l2 {
  margin: 0.3rem 1rem;
  color: #eee;
  font-weight: bold;
}

body {
  background-color: #162b75;
}

.s2 {
  background-color: #fff;
  border-radius: 0.5rem;
  width: 25rem;
  margin: 2rem;
  /* 
    overflow: hidden;
    表示里面的内容超出元素的范围后，超出的部分不显示
  */
  overflow: hidden;
}

.s2 img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  transform: scale(1);
  transition: transform 2s linear;
  margin-bottom: 2rem;
}

.s2 img:hover {
  transform: scale(1.1);
}
